<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 事件 => 事情发生并得到处理的过程 
    // 比如说: 点击了按钮 => 取值/弹框/计算/元素增删改 (事件处理函数)

    // 事件流程
    // 1. 先绑定事件  
    // 2. 浏览器侦听到事件被触发之后  执行既定的事件处理函数
    // (可以理解为: 用户和浏览器做了约定 -> 如果相应的事件被触发-> 执行既定的事件处理函数)

    // document.onclick = function(){
    //     alert(1111);
    // }

    // 常见的事件
    // 页面相关的事件  onload onresize onscroll
    // 鼠标相关的事件
    // 键盘相关的事件
    // 表单相关的事件


    // 事件对象







</script>
</html>